(function () {
   //防抖
   function debounce(callback, delay = 200) {
      let timer = 0; //闭包解决  timer始终只有一个
      return function (e) {
         //鼠标移动的时候，执行！,里头this就只是oBox
         //   console.log(this); //box
         let self = this;
         clearTimeout(timer);
         timer = setTimeout(function () {
            callback.bind(self, e)();
         }, delay);
      };
   }

   //定义一个随机的验证码
   let oVerification = document.querySelector(".verification");
   $(function () {
      // 页面加载完成产生随机验证码
      $(window).on("load", function list() {

         var str = "0123456789abcdefghjklmnpqrstuvwxyz";
         var res = "";
         for (let i = 0; i < 4; i++) {
            let n = parseInt(Math.random() * str.length);
            res += str[n];
         }
         $(oVerification).text(res);
         // 点击产生随机验证码 调用上面的随机验证码
         $(oVerification).on("click", function () {
            list();
         });
      });
      //  判断输入宽是否为空
      function judge() {
         if (this.val == '') {
            $(this).parent().find("span").text("信息不能为空")
         }
         return
      }

      var oForm = document.forms[0];
      // 输入手机号码
      var oSpan = document.querySelector("form p span");
      var oUame1 = false;
      oForm.uname.onblur = debounce(function () {

         var Uame = /^1[3456789]\d{9}$/;
         oUame1 = Uame.test(this.value);
         if (oUame1 == true) {
            $(this).parent().find("span").empty()
            $(this).css({ top: -10 });
         } else {
            $(this).parent().find("span").text("号码有误");
            $(this).css({ top: 0 });
            console.log(1111);
         }
      }, 500);

      // 验证码
      var oAuth = false
      oForm.auth.onblur = debounce(function () {
         var veVelue = $(".verification").text()
         // 判断验证码是否一致
         oAuth = veVelue == this.value
         if (oAuth == false) {
            alert("验证码不正确")
            $(this).css({ top: 0 });
            $(this).empty()
         } else {
            //  号码格式正确就清除span文本
            $(this).css({ top: -3 });
         }
      })

      // 密码
      var oUpwd = false
      oForm.upwd.onblur = function () {
         var reg = /^[a-zA-Z0-9.]{8,32}$/ig
         oUpwd = reg.test(this.value)
         if (oUpwd == false) {
            $(this).parent().find("span").text("密码格式有误");
            $(this).css({ top: 0 });
         } else {
            $(this).parent().find("span").empty()
         }
      }
      // 验证密码
      var oUpwds = false
      oForm.upwds.onblur = function () {
         //   拿到密码的value
         var pwd = $(".upwd").val()
         oUpwds = pwd == this.value
         if (oUpwds == false) {
            $(this).parent().find("span").text("密码不相符");
            $(this).css({ top: 0 });
         } else {
            $(this).parent().find("span").empty()
            $(this).css({ top: -10 });
         }
      }
      $(".check").click(function () {
         console.log($(this)[0].checked)
         if ($(this)[0].checked == true) {
            console.log(1111);
         } else {
            console.log(3333);
         }
      })


      $(".register").on("click", function () {
         // 判读复选框是否选中
         if ($(".check")[0].checked == false) {
            alert("请阅读条款")
            return
         }
         if (oUame1 && oAuth && oUpwds == false) {
            console.log("账号或密码不正确");
            return
         }
         let oUser1 = {
            name: $(".top").val(),
            password: $(".bomm").val(),
         }
         console.log(oUser1);
         // jq内部已经内置了ajax
         $.ajax({
            url: "/user/reg",
            type: "post",
            data: oUser1,
         }).then(function (res) {
            console.log((res));
            if (res.code == 200) {
               alert("注册成功")
               location = "./../reigster.html"
            } else {
               alert("注册失败")
            }

         })
      })

      // // 提交
      //    $(".register").on("click",function () {
      //       // 判读复选框是否选中
      //       if ($(".check")[0].checked == false) {
      //          alert("请阅读条款")
      //          return
      //       }
      //       // 判断所有注册是不都为ture
      //       if (oUame1 && oAuth && oUpwds) {
      //          var oUs = {
      //             name: $(".top").val(),
      //             pwd: $(".bomm").val()
      //          }
      //          console.log(oUs);
      //          var oUserList = JSON.parse(Cookies.get("user") || "[]");
      //          console.log(oUserList);
      //          //  判断cookie数据中是否有相同的号码
      //          accountFlag = oUserList.some(function (item) {
      //             return item.name == oUs.name;
      //          });
      //          if (accountFlag == true) {
      //             alert("用户名已存在")
      //             return
      //          } else {
      //             //  号码格式正确就清除span文本
      //             $(this).parent().find("span").text("")
      //             oUserList.push(oUs)
      //             //把变化的数据,覆盖原来的cookie (把内存的数据,写入到硬盘)
      //             Cookies.set("user", JSON.stringify(oUserList), { expires: 10 })
      //             alert("注册成功")
      //             location = "./reigster.html"
      //          }
      //       } else {
      //          alert("填写数据不符合要求")
      //       }
      //       return false
      //    })
   })
   // 页面跳转
   $(".enter").on("click", function () {
      location = "./reigster.html"
      // console.log(11111);
   })

})();
